<template>
  <el-card class="w-full pt-[5px] text-right backdrop-opacity-0 bg-transparent">
   <el-button type="primary" @click="handerBack" class=" text-xs">
     <el-image style="width: 20px; margin-right: 10px;" :src="backImgUrl" />
     <span>返回</span>
   </el-button>
 </el-card>

 <el-card class="w-full pt-[5px] mt-[10px]">    
   <div class="font-bold block-title">
    一类纵向科技项目
    <span class="des-title ">（是否允许重复：允许， 计算规则：求和）</span>
   </div>
   <el-divider />
   <el-table border :data="tableData" class="w-full" stripe row-key="id">
     <el-table-column type="index" width="60" label="序号" />
     <el-table-column prop="describe" label="考评标准说明" >
      <template #default="{ row }">
           <div v-html="row.describe"></div>
       </template>
     </el-table-column>
     <el-table-column prop="configuration" label="考核标准配置" >
       <template #default="{ row }">
        <el-row :gutter="20">
          <el-col :span="5"><b>查询语句：</b></el-col>
          <el-col :span="17"><div>{{ row.configuration.search }}</div></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6"><b>计算语句：</b></el-col>
          <el-col :span="12"> 
            <div>{{ row.configuration.computed }}</div>
          </el-col>
        </el-row>             
      </template>
     </el-table-column>
     <el-table-column prop="order" label="匹配顺序" width="60"  />
   </el-table>
 </el-card>

 <AddModel v-model="addModelVisible" />
</template>

<script setup>
// import { reactive, ref } from 'vue'

import { getToken } from "@/utils/auth";
import useAppStore from '@/store/modules/app'
import usePagination from "@/hooks/pagination";
import useOperate from "@/hooks/operate";
import backImgUrl from '@/assets/icons/arrowBack.png';
import AddModel from "./components/AddMd.vue";
import { computed } from "vue";

const router = useRouter();
const route = useRoute();
const routeId = route.params.id
console.log(router,route.params.id,routeId)
const appStore = useAppStore()
const { proxy } = getCurrentInstance();
const { sys_normal_disable, sys_user_sex } = proxy.useDict("sys_normal_disable", "sys_user_sex");

const addModelVisible = ref(false);
const pForm = ref({
 name: "",
 unit: ""
});
const rules = ref({
 name: [
   { required: true, message: '请输入姓名', trigger: 'blur' },
 ],
 unit: [
   {
     required: true,
     message: '请输入科研单位',
     trigger: 'blur',
   },
 ]
})

const { pagination, currentChange, sizeChange } = usePagination();
const { handleDelete } = useOperate();
pagination.total = 100;
const tableData = ref([
 { 
   describe: "一类科技项目（自科）：科技部国家科技重大专项、国家重点研发计划项目，每项30分，立项当年。<br/>计算公式：30(基础分)*2.5(类型系数)*0.3(年度计分系数)",
   configuration  :{
    search:'是否本校项目 = 本校项目【1】and 项目行中 = 纵向项目【1】 and 项目本单位排名 = 第一单位【1】 and 课题类型 = 项目【1】and纵向项目来源 = 自科一类科技部（u_pc109）and 纵向项目计划类别 = '+
    '自科一类科技部_国家客户重大专项[u_pc133]+自科一类科技部_国家重点研发计划【u_pc131】and 项目作者顺序= 第一成员—负责人【1】and立项日期>="2023-12-01"and立项日期<="2024-11-30" ',
    computed: 'sum(30*2.5*0.3 )'
   },
   order: 1,
 },
 { 
   describe: "一类科技项目（自科）：科技部国家科技重大专项、国家重点研发计划项目，每项30分，在研。<br/>计算公式：30(基础分)*2.5(类型系数)*0.3(年度计分系数)",
   configuration  :{
    search:'是否本校项目 = 本校项目【1】and 项目行中 = 纵向项目【1】 and 项目本单位排名 = 第一单位【1】 and 课题类型 = 项目【1】and纵向项目来源 = 自科一类科技部（u_pc109）and 纵向项目计划类别 = '+
    '自科一类科技部_国家客户重大专项[u_pc133]+自科一类科技部_国家重点研发计划【u_pc131】and 项目作者顺序= 第一成员—负责人【1】and立项日期>="2023-12-01"and立项日期<="2024-11-30" ',
    computed: 'sum(30*2.5*0.3 +项目年限())'
   },
   order: 2,
 },
 { 
   describe: "一类科技项目（自科）：科技部国家科技重大专项、国家重点研发计划项目，每项30分，结项。<br/>计算公式：30(基础分)*2.5(类型系数)*0.3(年度计分系数)",
   configuration  :{
    search:'是否本校项目 = 本校项目【1】and 项目行中 = 纵向项目【1】 and 项目本单位排名 = 第一单位【1】 and 课题类型 = 项目【1】and纵向项目来源 = 自科一类科技部（u_pc109）and 纵向项目计划类别 = '+
    '自科一类科技部_国家客户重大专项[u_pc133]+自科一类科技部_国家重点研发计划【u_pc131】and 项目作者顺序= 第一成员—负责人【1】and立项日期>="2023-12-01"and立项日期<="2024-11-30" ',
    computed: 'sum(30*2.5*0.4 )'
   },
   order: 3,
 },
 { 
   describe: "一类科技项目（自科）：科技部国家科技重大专项、国家重点研发计划项目，每项30分，立项当年。<br/>计算公式：30(基础分)*1.8(类型系数)*0.3(年度计分系数)",
   configuration  :{
    search:'是否本校项目 = 本校项目【1】and 项目行中 = 纵向项目【1】 and 项目本单位排名 = 第一单位【1】 and 课题类型 = 项目【1】and纵向项目来源 = 自科一类科技部（u_pc109）and 纵向项目计划类别 = '+
    '自科一类科技部_国家客户重大专项[u_pc133]+自科一类科技部_国家重点研发计划【u_pc131】and 项目作者顺序= 第一成员—负责人【1】and立项日期>="2023-12-01"and立项日期<="2024-11-30" ',
    computed: 'sum(30*2.5*0.5)'
   },
   order: 4,
 },
 { 
   describe: "一类科技项目（自科）：科技部国家科技重大专项、国家重点研发计划项目，每项30分，在研。<br/>计算公式：30(基础分)*1.8(类型系数)*0.3(年度计分系数)",
   configuration  :{
    search:'是否本校项目 = 本校项目【1】and 项目行中 = 纵向项目【1】 and 项目本单位排名 = 第一单位【1】 and 课题类型 = 项目【1】and纵向项目来源 = 自科一类科技部（u_pc109）and 纵向项目计划类别 = '+
    '自科一类科技部_国家客户重大专项[u_pc133]+自科一类科技部_国家重点研发计划【u_pc131】and 项目作者顺序= 第一成员—负责人【1】and立项日期>="2023-12-01"and立项日期<="2024-11-30" ',
    computed: 'sum(30*2.5*0.4 +项目年限())'
   },
   order: 5,
 }
]);

//点击编辑
const handler = (row, index=1) => {
 console.log(row)
 router.push("/examine/khfazb/"+ index)
};
const handerBack = () => {
 router.replace("/examine/khfa/"+routeId)
};

</script>

<style scoped lang="scss">
.block-title{
 color: #454545;
 border-left: 7px solid #409EFF;
 padding-left: 12px;
 height: 36px;
 display: block;
 line-height: 36px;
 .des-title{
   font-size: 14px;
   font-weight: 400;
   color: #b4b6bb;
  //  padding-left: 10px;
 }
}
</style>

